var mainPanel = Ext.extend(Ext.Viewport, {
	initComponent: function(){
		var config = {			 
				title : 'Traveling request tracker',
				layout: 'border',
				split:true,
				items : [{
							xtype : 'box',
							id    : 'header',
							region: 'north',					
							html  : '<h1>Traveling request tracker</h1>',
							height: 30
						},
						new footerPanel(),
						new treePanel(),
						new infoPanel()						
				]
		}
		Ext.apply(this, Ext.apply(this.initialConfig, config));
		mainPanel.superclass.initComponent.call(this)
	},
	renderTo: Ext.getBody()
});

